#menu {  
    text-align: center;
    font-size: 10px;
    width: 158px;
}
#menu ul { 
    list-style-type: none;
}
#menu ul li a {
    display: block;
    text-decoration: none;
    padding: 8px;
    position: relative;
}
#menu ul li:hover {
    position: relative;
    color: #000;
}
#menu ul li:hover a.nivel1 {
    background: #F0F09A url('../img/flecha.jpg') no-repeat right;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {
    color: #000;
    position: relative;
    font-weight: bold;
}
#menu ul li a.nivel1 {
    display: block!important;
    display: none;
    position: relative;
    width: 140px;
}
#menu ul li ul li .primera{
    /*background: url('../img/flecha.png') no-repeat left;*/
}
#menu ul li ul {
    display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {
    display: block;
    position: absolute;
    left: 140px;
    top:-1px!important;
    top: -31px;
    font-weight: bold;
}
#menu ul li ul li a:hover {
    position: relative;
    font-weight: bold;
}
#menu ul li ul li{
    margin: 0 0 2px 20px;
}